<template>
    <div class="howtoAdministration">
        <div class="title">账号权限管理</div>
		<div class="content">
			<div class="flex">
				<div class="bold">管理您店铺内所有员工的账号、权限等。</div>
			</div>
			<div class="flex">
				<div>1、建立员工账号：点击新建员工子账号。</div>
			</div>
			<img :src="howtoAdministration1">
			<div class="flex">
				<div>2、建立岗位：新建岗位：并设置岗位权限，允许访问哪里，允许操作什么功能等。</div>
			</div>
			<img :src="howtoAdministration2">
			
			<div class="flex">
				<div class="title2">注：此处可参照淘宝等电商平台的岗位设置。</div>
			</div>
		</div>
    </div>
</template>

<script>
    import axios from "axios";
    export default{
    	name: 'howtoAdministration',
    	data(){
    		return{
				howtoAdministration1:'./static/help/howtoAdministration1.png',
				howtoAdministration2:'./static/help/howtoAdministration2.png',
    		}
    	},
    	created() {
    		
    	},
        methods:{
           
        }
    }
</script>

<style lang="scss" scoped>
	.howtoAdministration{ font-size: 14px;
		background: #F1F1F1;
		font-size: 14px;
		
		.exit {
		  margin-left: 20px;
		  cursor: pointer;
		  color: #77C9FF;
		}
		
		.flex {
		  display: flex;
		  flex-wrap: wrap;
		}
		
		.w1350 {
		  width: 1350px;
		  margin: 0 auto;
		}
		
		.top {
		  height: 30px;
		  line-height: 30px;
		}
		
		.logo {
		  background: #42628D;
		  padding: 20px 0;
		}
		
		.center {
		  padding: 30px 0;
		
		  .hleft {
		    background: #fff;
		    width: 330px;
		    box-sizing: border-box;
		    padding-top: 10px;
		    color: #77C9FF;
		    border-radius: 5px;
		    box-shadow: 0 0 5px #ccc;
		
		    .title {
		      padding-bottom: 20px;
		      padding-top: 20px;
		      font-size: 16px;
		      font-weight: bold;
		      padding-left: 35px;
		    }
		
		    .nav:hover {
		      background: #F1F1F1;
		    }
		
		    .nav {
		      line-height: 40px;
		      padding-left: 35px;
		      display: block;
		      color: #77C9FF;
		    }
		
		    .router-link-active {
		      background: #F1F1F1 !important;
		    }
		  }
		
		  .hright {
		    background: #fff;
		    justify-content: space-between;
		    width: 1000px;
		    box-sizing: border-box;
		    margin-left: 20px;
		    border-radius: 5px;
		    box-shadow: 0 0 5px #ccc;
		    padding-bottom: 30px;
		
		    img {
		      width: 100%;
		      display: block;
		      margin: 20px 0;
		    }
		
		    .title {
		      padding: 15px 30px;
		      font-size: 18px;
		      color: #4D4D4D;
		      border-bottom: 1px #DBDBDB solid;
		    }
		
		    .title2 {
		      color: #FF6161;
		      font-weight: bold;
		    }
		
		    .title4 {
		      color: #FF7777;
		      font-size: 14px
		    }
		
		    .bold {
		      font-weight: bold;
		    }
		
		    .content {
		      padding: 0 35px;
		      line-height: 50px;
		    }
		
		    .nei {
		      padding-left: 60px;
		    }
		
		    .blue {
		      color: #77C9FF;
		    }
		
		    .title3 {
		      font-size: 16px;
		    }
		
		    .big {
		      font-size: 18px;
		      padding: 20px 0;
		    }
		  }
		}
	}
</style>
